{% load i18n %}
{% load menu %}
{% load region %}
{% load breadcrumbs %}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{ LANGUAGE_CODE }}">

<head profile="http://www.w3.org/2005/10/profile">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>

    <title>{% block meta_title %}Prometeo{% endblock %}</title>

    <link rel="icon" type="image/png" href="{{ STATIC_URL }}css/images/favicon.png" />

    <link rel="stylesheet" href="{{ STATIC_URL }}css/tripoli.simple.css" type="text/css" media="all"/>

    <!--[if IE]>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/tripoli.simple.ie.css" type="text/css" media="all"/>
    <![endif]-->
    
    <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/mobile/style.css" type="text/css" media="all" />

    {% block extrahead %}
    {% if form %}
    {{ form.media }}
    {% endif %}
    {% endblock %}
</head>

<body>
    <div id="container">
        <div id="header">
            <div id="branding">
                <h1 id="site-name">Prometeo</h1>
                <h2 id="site-tagline">Free your business</h2>
            </div>

            <div id="nav">
                <div id="search">{% include "elements/search.html" %}</div>
                <div id="bookmarks">{% include "elements/bookmarks.html" %}</div>
                <div id="userarea">{% include "auth/userarea.html" %}</div>
            </div>

            <div id="breadcrumbs"><span class="list">{% block breadcrumbs %}{% add_crumb 'Home' %}{% endblock %}{% render_breadcrumbs %}</span></div>
        </div>
        
        <hr/>
        
        <div id="content">
            <div id="main">
                {% block messages %}
                {% if messages %}
                <div class="messages">
                    <ul>
                        {% for message in messages %}
                        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
                        {% endfor %}
                    </ul>
                </div>
                {% endif %}
                {% endblock %}
                {% block title %}{% endblock %}
                {% block main %}{% endblock %}
            </div>
        </div>
        
        <hr/>
        
        <div id="footer">
            {% region "footer" %}
        </div>
    </div>
</body>

</html>
